<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="suibe_imitation.css">
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="left">学生&nbsp&nbsp&nbsp&nbsp教工&nbsp&nbsp&nbsp&nbsp校友&nbsp&nbsp&nbsp&nbsp访客</div>
            <div class="right">一站式服务平台&nbsp&nbsp&nbsp&nbsp邮箱&nbsp&nbsp&nbsp&nbsp VPN &nbsp&nbsp&nbsp&nbsp English</div>
        </div>
    </div>
    <div class="head">
        <div class="container">
            <div class="top">
                <div class="left">学校概况&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp机构设置</div>
                <div class="right">师资队伍&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp科学研究</div>
            </div>
            <div class="bottom">
                <div class="left">人才培养&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp招生就业</div>
                <div class="right">国际交流&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp公开事项</div>
            </div>
        </div>
    </div>
    <div class="picture1">
        <div class="container" style="text-align: center"><img src="chunfen.jpg" height="680px" width="1280px"></div>
    </div>
    <div class="content1" style="margin:120px 0px 0px 0px;">
        <div class="container">
            <p style="font-size:x-large;color:rgb(73, 73, 209);text-align: center">校园要闻</p>
            <hr width="50px" />
            <div class="picture_1"><img src="yasi.jpeg" height="320px" width="320px"></div>
            <div class="picture_2"><img src="yasi.jpeg" height="320px" width="320px"></div>
            <div class="picture_3"><img src="yasi.jpeg" height="320px" width="320px"></div>
            <div class="picture_4"><img src="yasi.jpeg" height="320px" width="320px"></div>
        </div>
    </div>
    <div class="content2">
        <div class="container1">
            <p style="font-size:x-large;color:rgb(73, 73, 209);text-align: left">新闻快讯</p>
            <hr width="50px" align="left" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
        </div>
        <div class="container2">
            <p style="font-size:x-large;color:rgb(73, 73, 209);text-align: left">娱乐报道</p>
            <hr width="50px" align="left" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
        </div>
        <div class="container3">
            <p style="font-size:x-large;color:rgb(73, 73, 209);text-align: left">通知公告</p>
            <hr width="50px" align="left" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
        </div>
    </div>
    <div class="sep">
        <div class="container">
            <img src="smile.jpg" width="263px" height="145px" style="display:block; float:left">
            <img src="smile.jpg" width="263px" height="145px" style="display:block; float:left">
            <img src="smile.jpg" width="263px" height="145px" style="display:block; float:left">
            <img src="smile.jpg" width="263px" height="145px" style="display:block; float:left">
            <img src="smile.jpg" width="263px" height="145px" style="display:block; float:left">
            <img src="smile.jpg" width="263px" height="145px" style="display:block; float:left">
            <img src="smile.jpg" width="264px" height="145px" style="display:block; float:left">

        </div>
    </div>
    <div class="picture2">
        <div class="container"></div>
    </div>
    <div class="content3">
        <div class="container1">
            <p style="font-size:x-large;color:rgb(73, 73, 209);text-align: left">人才培养</p>
            <hr width="50px" align="left" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
        </div>
        <div class="container2">
            <p style="font-size:x-large;color:rgb(73, 73, 209);text-align: left">科学研究</p>
            <hr width="50px" align="left" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
        </div>
        <div class="container3">
            <p style="font-size:x-large;color:rgb(73, 73, 209);text-align: left">学术报告</p>
            <hr width="50px" align="left" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
        </div>
    </div>
    <div class="content4">
        <div class="container1">
            <p style="font-size:x-large;color:rgb(73, 73, 209);text-align: left">人物风采</p>
            <hr width="50px" align="left" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
        </div>
        <div class="container2">
            <p style="font-size:x-large;color:rgb(73, 73, 209);text-align: left">校园文化</p>
            <hr width="50px" align="left" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
        </div>
        <div class="container3">
            <p style="font-size:x-large;color:rgb(73, 73, 209);text-align: left">校史钩沉</p>
            <hr width="50px" align="left" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
            <p style="font-size:small">苟利国家生死以，岂因祸福避趋之</p>
            <hr style="border:1px dashed #bbb" />
        </div>
    </div>
    <div class="picture3">
            <div class="container" style="text-align: center"><img src="allstar.jpg" height="700px" width="1800px"></div>
    </div>
    <div class="footer">
        <div class="container">教育基金会&nbsp&nbsp&nbsp领导信箱&nbsp&nbsp&nbsp联系我们&nbsp&nbsp&nbsp网站地图&nbsp&nbsp&nbsp标识系统&nbsp&nbsp&nbsp常见问题</div>
        <br/>
        <br/>
        <hr align="center" width="80%" style="color:white"/>
        <div class="note">
                <p align="left">版权所有©2018地址：上海市松江区文翔路1900号，邮编：201620<br/>
                    古北校区地址：上海市长宁区古北路620号，邮编：200336闵行校区地址：上海市闵行区漕宝路3349号，邮编：200235</p>
        </div>
        
    </div>
</body>

</html>